<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="/layui/css/layui.css" media="all">
  <script src="/js/jquery.js"></script>
</head>

<body>
  <table id="demo" lay-filter="test"></table>
  <button onclick="re()">重载</button>

  <script src="/layui/layui.js"></script>
  <script>
    var car = [];
    layui.use('table', function () {
      var table = layui.table;

      //第一个实例
      var t1 = table.render({
        elem: '#demo'
        , height: 312
        , method: 'post'
        , headers: {
          "Access-Token": localStorage.getItem("token")
        }
        , url: 'http://localhost:10000/goods/car' //数据接口
        , response: {
          statusName: 'code' //规定数据状态的字段名称，默认：code
          , statusCode: 200 //规定成功的状态码，默认：0
          , msgName: 'msg' //规定状态信息的字段名称，默认：msg
          , countName: 10 //规定数据总数的字段名称，默认：count
          , dataName: 'data' //规定数据列表的字段名称，默认：data
        }
        , cols: [[ //表头
          { field: 'id', title: 'ID', width: 80, sort: true, fixed: 'left' }
          , { field: 'goodsName', title: '商品名', width: 80 }
          , { field: 'nums', title: '数量', width: 80, sort: true }
        ]]
      });

      // table.reload(t1);
      // console.log("chongzai ");

      table.on('edit(test)', function (obj) { //注：edit是固定事件名，test是table原始容器的属性 lay-filter="对应的值"
        console.log(obj.value); //得到修改后的值
        console.log(obj.field); //当前编辑的字段名
        console.log(obj.data); //所在行的所有相关数据  
      });

      //触发行单击事件
      table.on('row(test)', function (obj) {
        console.log(obj.tr) //得到当前行元素对象
        console.log(obj.data) //得到当前行数据
        let temp = JSON.stringify(obj.data.goodsName);
        console.log("index:",car.in);
        if(car.indexOf(obj.data) == -1){
          car.push(obj.data.goodsName);

        }
    
        console.log("car:",car);
        obj.data.nums ++;
        // obj.del(); //删除当前行
        // obj.update(obj.data.nums) //修改当前行数据
      });

    });



  </script>
</body>

</html>